<!--The content below is only a placeholder and can be replaced.-->
<div class="con">
  <!--左边内容-->
  <div class="left_con inline_block vm">
    <!--第一行内容-->
    <div class="item tc vm mb20">
      <!--第一模块-->
      <leftfirst-component></leftfirst-component>
      <!--第二模块-->
      <leftsecond-component></leftsecond-component>
      <!--第三模块-->
      <leftthird-component></leftthird-component>
      <!--第四模块-->
      <leftfourth-component></leftfourth-component>
    </div>

    <!--&lt;!&ndash;第二行内容&ndash;&gt;-->
    <!--<div class="item tc vm mb20">-->
      <!--&lt;!&ndash;第一模块&ndash;&gt;-->
      <!--<div class="inline_block item_li1 fl">-->
        <!--<p class="fw700 tit">Assembly</p>-->
        <!--<p>Cell 103</p>-->
      <!--</div>-->
      <!--&lt;!&ndash;第二模块&ndash;&gt;-->
      <!--<div class="inline_block item_li2  fl div">-->
        <!--<div class="div1"  style="width: 71%"><span class="c-white f1d2r font1" style="width: 60%;left: 2%">322</span></div>-->
        <!--<div class="div8 border-all" style="width: 25%;left:71%;"><span  class="f1d2r font4" style="left: 60%">128</span></div>-->
        <!--<div class="div2"  style="width: 15%;left:69%;background-color:#f5ef13;"><span class="c-black f1d2r font1 ">75</span></div>-->
        <!--<div class="div3" style="width: 5%;left:84%;background-color: #5d2684;"><span class="c-white f14 font2">27</span></div>-->
        <!--<div class="div4" style="left:89%;background-color: #fd363d;color: #fff "><span class="f14 font2">23</span></div>-->
        <!--<div class="div5" style="width: 2%;left:94% "><span></span></div>-->
        <!--<div class="div7" style="width: 4%;left:96% "><span class="f13 font3">20</span></div>-->
      <!--</div>-->
      <!--&lt;!&ndash;第三模块&ndash;&gt;-->
      <!--<div class="inline_block item_li3 fl bg-white">-->
        <!--<div class="muscle muscle2">-->
          <!--<div class="sx sx2"></div>-->
          <!--&lt;!&ndash;<div class="sx2"></div>&ndash;&gt;-->
        <!--</div>-->
        <!--<div class="pre"></div>-->
        <!--<span class="percent fb f14">85%</span>-->
        <!--<span class="ratio f14">322/450</span>-->
      <!--</div>-->
      <!--&lt;!&ndash;第四模块&ndash;&gt;-->
      <!--<div class="inline_block item_li4 fl">-->
        <!--<div class="box">-->
          <!--<div class="bg-yellow inline_block fl  box1 c-black">MICRO STOPS</div>-->
          <!--<div class="bg-ed inline_block fl  box2">-->
            <!--<span class="fb">2</span><span>ms</span>&nbsp;-->
            <!--<span class="fb">29</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3">Reason </div>-->

          <!--<div class="bg-ed inline_block fl tl box4">Cerractive Action···</div>-->
        <!--</div>-->
        <!--<div class="box">-->
          <!--<div class="bg-zi inline_block fl  box1 c-white">DOWNTIME</div>-->
          <!--<div class="bg-ed inline_block fl  box2">&nbsp;-->
            <!--<span class="fb">46</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3 fb">Mainrenance </div>-->

          <!--<div class="bg-ed inline_block fl tl box4">···</div>-->
        <!--</div>-->
        <!--<div class="box">-->
          <!--<div class="bg-red inline_block fl  box1 c-white">SLOW RUNNING</div>-->
          <!--<div class="bg-ed inline_block fl  box2">&nbsp;-->
            <!--<span class="fb">29</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3">···</div>-->

          <!--<div class="bg-ed inline_block fl tl box4">···</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash;第三行内容&ndash;&gt;-->
    <!--<div class="item tc vm mb20">-->
      <!--&lt;!&ndash;第一模块&ndash;&gt;-->
      <!--<div class="inline_block item_li1 fl">-->
        <!--<p class="fw700 tit">Press1</p>-->
      <!--</div>-->
      <!--&lt;!&ndash;第二模块&ndash;&gt;-->
      <!--<div class="inline_block item_li2  fl div">-->
        <!--<div class="div1" style="width: 54%"><span class="c-white f1d2r font1">466</span></div>-->
        <!--<div class="div8 border-all" style="left: 54%"><span  class="f1d2r font4" style="left: 21%;">434</span></div>-->
        <!--<div class="div2" style="width: 18%;left: 75%"><span class="c-white f1d2r font1">135</span></div>-->
        <!--<div class="div3" style="width:21%;left: 54% ;background-color: #3b84c9"><span class="c-white f14 font2" style="left: 37%">240</span></div>-->
        <!--<div class="div6" style="width: 6%;left: 93%"><span class="c-white f14 font2">50</span></div>-->
        <!--<div class="div5" style="left: 99%;width: 1%"><span></span></div>-->
      <!--</div>-->
      <!--&lt;!&ndash;第三模块&ndash;&gt;-->
      <!--<div class="inline_block item_li3 fl bg-white">-->
        <!--<div class="muscle muscle1">-->
          <!--<div class="sx sx3"></div>-->
          <!--&lt;!&ndash;<div class="sx2"></div>&ndash;&gt;-->
        <!--</div>-->
        <!--<div class="pre"></div>-->
        <!--<span class="percent fb f14">72%</span>-->
        <!--<span class="ratio f14">466/900</span>-->
      <!--</div>-->
      <!--&lt;!&ndash;第四模块&ndash;&gt;-->
      <!--<div class="inline_block item_li4 fl">-->
        <!--<div class="box">-->
          <!--<div class="bg-lightblue inline_block fl  box1 c-white">MICRO STOPS</div>-->
          <!--<div class="bg-ed inline_block fl  box2">-->
            <!--<span class="fb">2</span><span>ms</span>&nbsp;-->
            <!--<span class="fb">29</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3">Reason </div>-->

          <!--<div class="bg-ed inline_block fl tl box4">Cerractive Action···</div>-->
        <!--</div>-->
        <!--<div class="box">-->
          <!--<div class="bg-blue inline_block fl  box1 c-white">DOWNTIME</div>-->
          <!--<div class="bg-ed inline_block fl  box2">&nbsp;-->
            <!--<span class="fb">46</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3 fb">Mainrenance </div>-->

          <!--<div class="bg-ed inline_block fl tl box4">···</div>-->
        <!--</div>-->
        <!--<div class="box">-->
          <!--<div class="bg-huang inline_block fl  box1 c-white">SLOW RUNNING</div>-->
          <!--<div class="bg-ed inline_block fl  box2">&nbsp;-->
            <!--<span class="fb">29</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3">···</div>-->

          <!--<div class="bg-ed inline_block fl tl box4">···</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->

    <!--&lt;!&ndash;第四行内容&ndash;&gt;-->
    <!--<div class="item tc vm mb20">-->
      <!--&lt;!&ndash;第一模块&ndash;&gt;-->
      <!--<div class="inline_block item_li1 fl">-->
        <!--<p class="fw700 tit">Press2</p>-->
      <!--</div>-->
      <!--&lt;!&ndash;第二模块&ndash;&gt;-->
      <!--<div class="inline_block item_li2  fl div">-->
        <!--<div class="div1"  style="width: 71%"><span class="c-white f1d2r font1" style="width: 60%;left: 2%">1440</span></div>-->
        <!--<div class="div8 border-all" style="width: 29%;left:71%;"><span  class="f1d2r font4" style="left: 36%">480</span></div>-->
        <!--<div class="div2"  style="width: 24%;left:69%;background-color:#e6301b;"><span class="c-white f1d2r font1 ">419</span></div>-->
        <!--<div class="div6" style="width: 6%;left: 93%"><span class="c-white f14 font2">56</span></div>-->
        <!--<div class="div5" style="left: 99%;width: 1%"><span></span></div>-->
      <!--</div>-->
      <!--&lt;!&ndash;第三模块&ndash;&gt;-->
      <!--<div class="inline_block item_li3 fl bg-white">-->
        <!--<div class="muscle muscle3">-->
          <!--<div class="sx sx4"></div>-->
          <!--&lt;!&ndash;<div class="sx2"></div>&ndash;&gt;-->
        <!--</div>-->
        <!--<div class="pre"></div>-->
        <!--<span class="percent fb f14">53%</span>-->
        <!--<span class="ratio f14">1440/1920</span>-->
      <!--</div>-->
      <!--&lt;!&ndash;第四模块&ndash;&gt;-->
      <!--<div class="inline_block item_li4 fl">-->
        <!--<div class="box">-->
          <!--<div class="bg-red inline_block fl  box1 c-white">MICRO STOPS</div>-->
          <!--<div class="bg-ed inline_block fl  box2">-->
            <!--<span class="fb">2</span><span>ms</span>&nbsp;-->
            <!--<span class="fb">29</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3">Reason </div>-->

          <!--<div class="bg-ed inline_block fl tl box4">Cerractive Action···</div>-->
        <!--</div>-->
        <!--<div class="box">-->
          <!--<div class="bg-huang inline_block fl  box1 c-white">DOWNTIME</div>-->
          <!--<div class="bg-ed inline_block fl  box2">&nbsp;-->
            <!--<span class="fb">46</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3 fb">Mainrenance </div>-->

          <!--<div class="bg-ed inline_block fl tl box4">···</div>-->
        <!--</div>-->
        <!--<div class="box">-->
          <!--<div class="bg-jiang inline_block fl  box1 c-white">SLOW RUNNING</div>-->
          <!--<div class="bg-ed inline_block fl  box2">&nbsp;-->
            <!--<span class="fb">29</span><span>m</span>-->
          <!--</div>-->
          <!--<div class="bg-ed inline_block fl tl box3">···</div>-->

          <!--<div class="bg-ed inline_block fl tl box4">···</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->

    <!--最下面标识-->
    <bottom-component></bottom-component>
  </div>
  <!--右边内容-->
  <right-component></right-component>
</div>
